.room-table-header {
  background: #394370;
}

.alltable-body {
  height: 90%;
  // width: 95%;
  // margin: auto;
  background: url(../../../img/groupNew/group-room-background.png);
  background-size: cover;
  .table-content {
    width: 93%;
    height: 100%;
    margin: auto;
  }
}

.big-desk-wrapper {
  width: 82%;
  margin: 1.5rem auto;
  position: relative;
}

.small-desk-wrapper {
  width: 50%;
  margin: 1.5rem 0;
  float: left;
  .small-desk-desk {
    width: 70%;
  }
  position: relative;
}

.switch-rule-title {
  justify-content: space-between;
  color: #000;
  padding-top: .3rem;
}

.bigger-font {
  font-size: 1.1rem;
  font-weight: 700;
  &.grey{
    color: #6d6d6d;
  }
}

.light-grey{
  color: #c2c2c2;
}

.orange-v2 {
  color: #dcbf92;
}

.switch-item {
  color: #000;
  background: #e6e6e6;
  border-radius: .4rem;
  width: 95%;
  margin: .4rem auto 0;
  height: 5rem;
}

.switch-game-icon {
  width: 95%;
}

.light-orange {
  color: #ff9036;
}

.v-scroll {
  overflow-y: auto;
}

@small-header-size: 2.3rem;
.small-desk-top {
  position: absolute;
  right: 41%;
  top: -3%;
  width: @small-header-size;
  height: @small-header-size;
  border-radius: 10%;
}

.small-desk-right {
  position: absolute;
  right: 10%;
  top: 38%;
  width: @small-header-size;
  height: @small-header-size;
  border-radius: 10%;
}

.small-desk-bottom {
  position: absolute;
  right: 41%;
  top: 81%;
  width: @small-header-size;
  height: @small-header-size;
  border-radius: 10%;
}

.small-desk-left {
  position: absolute;
  left: 10%;
  top: 38%;
  width: @small-header-size;
  height: @small-header-size;
  border-radius: 10%;
}

.big-size {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
@big-header-size: 28px;
.big-desk-1 {
  position: absolute;
  right: 67%;
  top: -10%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-2 {
  position: absolute;
  right: 23%;
  top: -10%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-3 {
  position: absolute;
  right: 23%;
  top: 64%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-4 {
  position: absolute;
  right: 67%;
  top: 64%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-5 {
  position: absolute;
  left: 1%;
  top: 6%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-6 {
  position: absolute;
  right: 2%;
  top: 6%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-7 {
  position: absolute;
  left: 0%;
  top: 47%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-8 {
  position: absolute;
  right: 0%;
  top: 48%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-9 {
  position: absolute;
  left: 44%;
  top: -11%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.big-desk-10 {
  position: absolute;
  left: 44%;
  top: 64%;
  height: @big-header-size;
  width: @big-header-size;
  border-radius: 50%;
}

.desk-tip {
  position: absolute;
}

.one-line {
  vertical-align: middle;
}

.ft-12 {
  font-size: 1.2rem;
}